<template>
    <el-main>
        <el-main class="ep-body">
            <epl-top-bar :datas="{formData:form}" showPerson personType="PERSON_AAC031_1" psTagType="PERSON_AAB001_GROUP">
                <ep-button size="small" name="打印"></ep-button>
                <ep-button size="small" name="刷新"></ep-button>
            </epl-top-bar>

            <epl-userMessage dataType="person" idCount="2" :panel="panel">
             <epl-tableList :tableHeader="['险种','缴费基数','退费月数','退费金额']" :rowName="['aae140','aae180','status','month','sum']" type="prop">
             <template slot-scope="scope">
                        <epl-TableListColumn type="hui">{{scope.row.aae140}}</epl-TableListColumn>
                        <epl-TableListColumn type="red">{{scope.row.aae180}}</epl-TableListColumn>
                        <epl-TableListColumn type="blue">{{scope.row.month}}</epl-TableListColumn>
                        <epl-TableListColumn type="blue">￥{{scope.row.sum}}</epl-TableListColumn>
                    </template>
                </epl-tableList>
            </epl-userMessage>

            <el-card class="ep-card">
             <ep-title>请选择退收类型</ep-title>
                <el-form :model="form" :rules="rules" ref="form">
                    <el-row :gutter="10">
                        <ep-select colspan="8" label="退收原因" name="aae160" :property="form.aae160" codetype="AAE160"
                            p="R" :datas="{formData: form}" placeholder="请选择退收原因" SelectFilterData=" aaa102 in('9101','9102','9199')"></ep-select>
                        <ep-select colspan="8" label="征收方式" name="bae571" :property="form.bae571" codetype="BAE571"
                            p="H" :datas="{formData: form}"></ep-select>
                        <ep-select colspan="8" label="退费单位" name="tfdw" placeholder="请选择退费单位" :property="form.tfdw" codetype="TFDW"
                            p="R" :datas="{formData: form}"></ep-select>
                        
                    </el-row>
             <el-row :gutter="10">
                        <ep-textarea :rows="3" colspan="24" label="备注" name="bae582" :property="form.bae582" placeholder="请输入备注"
                            p="E" :datas="{formData: form}"></ep-textarea>
                
                </el-row>
                    
                <ep-title>缴费信息</ep-title>
                    <el-row :gutter="10">
                        <ep-dateTime colspan="8" label="对应费款所属期" name="aae003" :property="form.aae003" p="R" 
                            :datas="{formData:form}" format="yyyyMM"></ep-dateTime >
                        <ep-select colspan="8" label="险种" name="aae140" :property="form.aae140" codetype="AAE140"
                            placeholder="请选择险种" p="R" :datas="{formData: form}" ></ep-select>
                        <el-col :span="2" :offset="2">
                            <ep-button id="doQuery" :datas="{formData: form}" type="primary" icon="el-icon-search" name="查询"></ep-button>
                        </el-col>
                    </el-row>
                </el-form>
                <el-row>
                     <ep-table :data="tableData" border style="width: 100%;" rowDbClick :titleFilter="PsDetailRefund">
                        <ep-table-column editor="checkbox" width="85" header="选择" ></ep-table-column>  
                        <ep-table-column sortable  editor="text" edited  name="bab010" header="统一信用代码" width="180"></ep-table-column>
                        <ep-table-column  editor="text" edited  name="aab069" header="单位名称" width="140"></ep-table-column>
                        <ep-table-column sortable editor="text" edited  name="aac002" header="社会保障号" width="140"></ep-table-column>
                        <ep-table-column sortable editor="text" edited  name="aac003" header="姓名" width="120"></ep-table-column>                  
                        <ep-table-column sortable editor="select" codetype="AAE140"   name="aae140" header="险种类型" width="140"></ep-table-column>
                        <ep-table-column sortable editor="select" codetype="AAA115"   name="aaa115" header="缴费类型" width="140"></ep-table-column>
                        <ep-table-column sortable editor="text" edited  name="aae180" header="缴费基数" width="140"></ep-table-column>
                        <ep-table-column sortable editor="text" edited  name="aae002" header="费款所属期" width="160" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" edited  name="aae003" header="对应费款所属期" width="200" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" edited  name="aae202" header="月数" width="120" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" edited  name="aae020" header="单位金额" width="140" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" edited  name="aae022" header="个人金额" width="140" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" edited  name="aae058" header="总金额" width="140" hidden></ep-table-column>
                        <ep-table-column sortable editor="select" edited  name="aae078" header="到账标志" width="140" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" edited  name="bae573" header="到账年月" width="140" hidden></ep-table-column>
                    </ep-table>
                </el-row>
                <div style="margin: 15px 0;"></div>
                <el-row type="flex" justify="center">
                        <ep-saveButton  type="primary"  id="doSave"  ref="save" @formValidate="formValidate" :validate="['form']" 
                                       :datas="{panel:panel,formData: form,tableData:tableData}" name="保存"></ep-saveButton>
                </el-row>
            </el-card> 
            
        </el-main>
    </el-main>
</template>


<script src="../js/PsDetailRefundJS.js"></script>
